<html>
<head>
<style type="text/css">

table.calosc {
  width: 800px;
}

table.tabela_grup {
 width: 100%;
}

td.info {
  width: 300px;
  vertical-align: top;
}

td.opis {
  vertical-align: top;
  text-align: justify;
  padding: 0px 0px 0px 0px;
}

div.naglowek_status {
  font-weight : bold;
  color : red;
}

td.pole_even {
  text-align : center;
  background-color: #aaaaaa;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

td.pole_odd {
  text-align : center;
  background-color: #eeeeee;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

th.pole {
  text-align : center;
  background-color: #999999;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
} 

</style>
</head>
<body>
<script type="text/javascript">
  function rozwin(id_paragrafu)
  {
    var akapit = document.getElementById(id_paragrafu);
    var odnosnik = document.getElementById('link');
    var odnosnik2 = document.getElementById('link2');

  var view = akapit.style.display;
  if (view == "none")
  {
  odnosnik.style.display = "none";
  odnosnik2.style.display = "block";
  akapit.style.display = "block";
  }
  else
  {
      odnosnik.style.display = "block";
          odnosnik2.style.display = "none";
          akapit.style.display = "none";
  }

  }


  function zapisz_wypisz(id_przycisku, id_info, ilosc_przyciskow)
  {
    var info = document.getElementById(id_info);
    var przycisk = document.getElementById(id_przycisku);

  if (przycisk.innerHTML == "Zapisz")
  {
    przycisk.innerHTML = "Wypisz";
    var nazwa = id_przycisku.split("_");
    var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
    ilosc.innerHTML = parseInt(ilosc.innerHTML)+1;
    for (i=1; i <= ilosc_przyciskow; i++)
    {
      p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
      if (p2 != przycisk)
      {
        p2.innerHTML = "Przepisz"
      }
    }
    info.innerHTML = "(Zostałeś zapisany)"
    info.style.display = "block";
  }
  else
  {
    if (przycisk.innerHTML == "Wypisz")
    {
      przycisk.innerHTML = "Zapisz";
      var nazwa = id_przycisku.split("_");
      var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
      ilosc.innerHTML = parseInt(ilosc.innerHTML)-1;

      for (i=1; i <= ilosc_przyciskow; i++)
      {
        p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
        if (p2 != przycisk)
        {
          p2.innerHTML = "Zapisz"
        }
      }
      info.innerHTML = "(Zostałeś wypisany)";
      info.style.display = "block";
    }
    else
    {
      przycisk.innerHTML = "Wypisz";
      var nazwa = id_przycisku.split("_");
      var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
      ilosc.innerHTML = parseInt(ilosc.innerHTML)+1;

      for (i=1; i <= ilosc_przyciskow; i++)
      {
        p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
        if (p2 != przycisk)
        {
          if (p2.innerHTML == "Wypisz")
          {
            var nazwa2 = id_przycisku.split("_");
            var ilosc2 = document.getElementById(nazwa2[1]+"_ilosc_"+i);
            ilosc2.innerHTML = parseInt(ilosc2.innerHTML)-1;
          }
          p2.innerHTML = "Przepisz"
        }
      }
      info.innerHTML = "(Zostałeś przepisany)";
      info.style.display = "block";
    }
  }
}

</script>

<h1>Przedmiot Przykładowy</h1>
<table class="calosc">
  <tr class="informacje">
    <td class="info">
      <b class="info">Prowadzący: </b><br />

      <a class="info" href=http://www.ii.uni.wroc.pl/~kiero/>dr Jan Kowalski</a><br /><br />
      <b class="info">Typ przedmiotu: </b><br />
      obowiązkowy.O1 <br /><br />
      <b class="info">Punkty ects: </b><br />
      7 <br /><br />
      <b class="info">Możesz zapisać się od: </b><br />

      24-02-2010 (za 4 dni) <br /><br />
      <b class="info">Wymagane: </b><br />
      
        
	  Matematyka w zakresie szkoły średniej
        
       				
    </td>
    <td class="opis">
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam metus non diam tincidunt vitae accumsan ipsum dapibus. Curabitur condimentum eleifend malesuada. Integer a volutpat libero. Aenean a porttitor neque. Integer lobortis varius auctor. Etiam rutrum congue dui, pulvinar suscipit lectus consectetur ut. Praesent et nunc non dui accumsan viverra ut in lectus. Duis sit amet tellus magna, ut mollis erat. Duis magna lectus, fringilla eu bibendum in, ornare vitae enim. Suspendisse nec elit mi, quis porttitor tellus. 
	  
	<a href="#" class="opis" id="link" onclick="rozwin('opis2');">więcej</a></p>
        <p class="opis" id="opis2" style="display: none;">
           Etiam rutrum congue dui, pulvinar suscipit lectus consectetur ut. Praesent et nunc non dui accumsan viverra ut in lectus. Duis sit amet tellus magna, ut mollis erat. Duis magna lectus, fringilla eu bibendum in, ornare vitae enim. Suspendisse nec elit mi, quis porttitor tellus.
         <a href="#" onclick="rozwin('opis2');" class="opis" id="link2" style="display: none;">mniej</a></p>

    </td>
  </tr>
  <tr class="grupy">
    <td colspan="2">
      <hr class="przerwa">
      <table class="naglowek">

          <tr class="naglowek">
            <td class="naglowek_nazwa">
              Wykłady:
            </td>
            <td class="naglowek_status">
              <div class="naglowek_status" id="info_wyklady" style="display: none;">
                (Zostałeś zapisany)
              </div>
            </td>
          </tr>

        </table>
      <table class="tabela_grup">
          <tr class="tabela_grup">
            <th class="pole">Prowadzący</th>
            <th class="pole">Termin&nbsp;zajęć</th>
            <th class="pole">Sala</th>
            <th class="pole">Max.&nbsp;liczba&nbsp;osób</th>

            <th class="pole">Akt.&nbsp;liczba&nbsp;osób</th>
          </tr>


          <tr class="tabela_grup">


                <td class="pole_odd">dr Emanuel Kieroński</td>
                <td class="pole_odd">pn 12:00-15:00</td>
                <td class="pole_odd">119</td>
                <td class="pole_odd">85</td>
                <td id="wyklady_ilosc_1" class="pole_odd">94</td>
            <td class="przycisk">
              <button id="przycisk_wyklady_1" onclick="zapisz_wypisz('przycisk_wyklady_1','info_wyklady',1);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>

            </td>
          </tr>

        </table>

          <table class="naglowek">
            <tr class="naglowek">
              <td class="naglowek_nazwa">
                Ćwiczenia:
              </td>
              <td class="naglowek_status">

                <div class="naglowek_status" id="info_cwiczenia" style="display: none;">
                  (Zostałeś zapisany)
                </div>
              </td>
            </tr>
          </table>


<table class="tabela_grup">
          <tr class="tabela_grup">
            <th class="pole">Prowadzący</th>

            <th class="pole">Termin&nbsp;zajęć</th>
            <th class="pole">Sala</th>
            <th class="pole">Max.&nbsp;liczba&nbsp;osób</th>
            <th class="pole">Akt.&nbsp;liczba&nbsp;osób</th>

          </tr>


          <tr class="tabela_grup">


                <td class="pole_odd">dr Witold Karczewski</td>



		<td class="pole_odd">śr 16:00-18:00</td>



                <td class="pole_odd">104</td>



                <td class="pole_odd">22</td>



                <td id="cwiczenia_ilosc_1" class="pole_odd">22</td>



            <td class="spis">
              <button id="przycisk_cwiczenia_1" onclick="zapisz_wypisz('przycisk_cwiczenia_1','info_cwiczenia',2);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>
            </td>
          </tr>
          <tr class="tabela_grup">



	    <td class="pole_even">dr Witold Karczewski</td>



	    <td class="pole_even">śr 14:00-16:00</td>



	    <td class="pole_even">104</td>



	    <td class="pole_even">22</td>



                <td id="cwiczenia_ilosc_2" class="pole_even">19</td>


            <td class="spis">

              <button id="przycisk_cwiczenia_2" onclick="zapisz_wypisz('przycisk_cwiczenia_2','info_cwiczenia',2);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>
            </td>
          </tr>
	  </table>


  </td>
</tr>
</table>
</body>
</html>  
	

